.app-control-calendar {
	height: 100%;
	width: 100%;
	.app-control-calendar__header__legends {
		width: 100%;
		text-align: center;
	}
	.app-control-calendar__header__legend {
		cursor: pointer;
		height: 20px;
		margin-left: 10px;
		display: inline-block;
		.lengend__icon {
			width: 30px;
			height: 20px;
			border-radius: 5px;
			display: inline-block;
		}
		.lengend__text {
			margin-left: 5px;
			line-height: 20px;
			vertical-align: top;
			display: inline-block;
		}
	}
	.app-control-calendar__content {
		.app-control-calendar {
			// fullcalendar 样式
			a {
				color: @text-color;
			}
			.fc-button {
				height: 28px;
				width: 62px;
				&:disabled,
				&:disabled:hover {
					cursor: no-drop;
				}
				line-height: 0;
				.fc-icon {
					line-height: 0.7;
				}
			}
			// 月视图选中样式
			.fc-dayGridMonth-view {
				.selected-event.fc-event-end:before,
				.select-first-event:before,
				.selected-event.fc-event-end:before,
				.select-first-event:before {
					content: '';
					display: block;
					position: absolute;
					right: 0;
					bottom: 0;
					border-top-color: transparent;
					border-left-color: transparent;
				}
				.selected-event.fc-event-end:after,
				.select-first-event:after,
				.selected-event.fc-event-end:after,
				.select-first-event:after {
					content: '';
					display: block;
					width: 4px;
					height: 11px;
					position: absolute;
					right: 1px;
					bottom: 0px;
					border-top-color: transparent;
					border-left-color: transparent;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
					box-sizing: content-box;
				}
			}
		}

		// 时间轴
		.app-calendar-timeline {
			.timeline__item {
				.timeline__item__content {
					padding: 10px;
					box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
				}
			}
		}
	}
}
//  日历部件
.app-control-calendar {
	.app-control-calendar__content {
		.fc-button,
		.fc-button-primary {
			.action-level-250;
		}

		.fc-button-primary:focus,
		.fc-button-primary:not(:disabled):active:focus {
			box-shadow: none;
		}

		.fc-button-primary:not(:disabled):active,
		.fc-button-primary:not(:disabled).fc-button-active,
        .fc-button-primary:not(:disabled).fc-button-active:focus {
			background-color: mix(@primary-color, #fff, 80%);
			border-color: mix(@primary-color, #fff, 80%);
			color: @app_white;
			box-shadow: none;
		}

		.fc-left,
		.fc-right {
			.fc-button-group {
				.fc-button {
					border-left: 1px solid mix(@primary-color, #fff, 50%);
					border-right: 1px solid mix(@primary-color, #fff, 50%);
				}

				.fc-button:first-child {
					border-left: none;
				}

				.fc-button:last-child {
					border-right: none;
				}
			}
		}
		.selected-event,
		.select-first-event {
			border: 2px solid mix(@primary-color, #fff, 40%);
		}
		.selected-event.fc-event-end:before,
		.select-first-event:before,
		.selected-event.fc-event-end:before,
		.select-first-event:before {
			border: 9px solid mix(@primary-color, #fff, 40%);
			color: @text-color;
		}
		.selected-event.fc-event-end:after,
		.select-first-event:after,
		.selected-event.fc-event-end:after,
		.select-first-event:after {
			border: 2px solid mix(@primary-color, #fff, 40%);
		}
	}
}
